*{padding:0; margin:0;}
img{border:none;}
.clear:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
.clear { *zoom:1; clear:both;} 
h1,h2,h3,h4,h5,h6,i,em{font-style:normal; font-weight:normal;}
body{font:14px Microsoft YaHei,'\5b8b\4f53', sans-serif; background-color:#f5f5f5;}
a{color:#666; text-decoration:none;}
ol,ul{list-style-type:none;}
.frame{width:996px; margin:0 auto;}
.post_btn{ cursor:pointer; font-size:16px; font-weight:bold; border:none; background-color:#f10574; border-radius:4px; color:#fff;}
.lw dd{padding:15px;}
#header{height:75px; line-height:70px; background-color:#fff;}
.topnav{float:right; background:url(../images/mobile_sign.png) no-repeat left center; padding-left:10px;}
.topnav a{padding:0 6px; font-size:14px;}
h1{padding:5px 110px 0 0; background:url(../images/pinpai8.png) no-repeat right 10px; width:210px;}
.hide{display:none;}
.blue{color:#369;}
.green{color:#09f;}
.red{color:#E2347B;}
.un{text-decoration:underline;}

.sex{background:url(../images/ii_02.gif) no-repeat; width:16px; height:16px; display:inline-block; margin:0 10px;}
.sex0{background-position:-16px 0;}
.vip{ position:absolute; z-index:1000; color:#fff; font-size:10px; padding:0 2px; top:2px; right:2px; }
.vip1{ background-color:#ff8518;}
.vip2{ background-color:#ff3051;}
.img{display:inline-block; width:92px; height:112px; text-align:center;  border:1px solid #d9d9d9; padding:2px; position:relative;  overflow:hidden;}
#menu{height:45px;  background-color:#f10474; border-bottom:3px solid #db0a6c;} 
#menu .frame{position:relative;} 
#navBd{position:relative;}
#navBd li{float:left; width:120px; position:relative; z-index:1 }
#navBd li a{color:#fff; font-size:16px; text-align:center; display:block; line-height:45px;} 
.move-bg{display:none; position:absolute;left:0;top:0; width:120px; height:48px; background:#6D0B33; z-index:0}

.user_msg{position:absolute; z-index:9888; left:875px; top:6px; }
.user_msg a{width:60px; height:36px; background-position:15px 6px; background-repeat:no-repeat; display:block; float:left;}
.t_msg{background-image:url(../images/icon-1a.png);}
.t_user{background-image:url(../images/icon-2a.png);} 
#menu .i_total{background-image:url(../images/yellow_dot.gif); color:#f10474; margin-top:0;}

.nologin{float:right; padding-top:8px; display:none;}
.nologin a{ font-size:16px;}
.no_login{background:url(../images/icon-2a.png) no-repeat; padding-left:24px; color:#fff;  margin-right:10px; }
.no_reg{width:86px; height:32px; line-height:32px; text-align:center; background-color:#fdcc3c; border-radius:4px; display:inline-block; color:#7e0b42;font-weight:bold;}

.ns{width:130px; background:url(../images/ns_top.gif) no-repeat right 0; position:absolute; z-index:8888; display:none;}
.ns_top{height:37px; width:62px; float:right;}
.ns ul{border:1px solid #b9b9b9; border-top:none; background-color:#fff; clear:both;}
.ns li{height:30px; line-height:30px;}
.ns li a{display:block;  padding:0 5px;}
.ns li a:hover{background-color:#f2f2f2;}
#menu i{display:block; float:right; width:16px; height:16px; line-height:16px; text-align:center; display:none; color:#fff; font-size:9px; background:url(/images/red_dot.gif) no-repeat 0 center; margin:7px 5px 0 0;}
 
#navmsg{left:810px; top:5px; } 
#navuser{left:865px; top:5px;}

#about{ text-align:center; height:60px; line-height:60px; border-bottom:1px solid #e2e2e2; }
#bottom{border-top:1px solid #e2e2e2; background-color:#fff; color:#666;}
#bottom h4.kefu{font-weight:bold; margin-top:10px;}
#bottom h4{height:32px; line-height:32px;  clear:both;}
#bottom ul{width:636px; float:left;}
#bottom ul li{line-height:30px;}
#bottom ul li a{text-decoration:underline;}
#bottom ul span{float:right;}
#bottom .zm{float:right; padding:6px 60px 0 0;}

.nav_lm dt {border-top:2px solid #f10474; height:40px; line-height:40px; }
.nav_lm dt li{float:left; width:109px; border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; text-align:center;}
.nav_lm dt li a{color:#333; font-size:16px;}
.nav_lm dt li.cur{border-bottom:none;}


.sitenav{height:36px; line-height:36px; font-weight:bold; color:#666;}
.sitenav span{float:right;}
.sitenav nav{width:740px;}
.sitenav ul{float:right; height:28px; line-height:28px; border:1px solid #dadada; border-right:none; margin-top:2px;}
.sitenav ul li{ float:left; width:72px; text-align:center; border-right:1px solid #dadada; background:url(../images/arrow.png) no-repeat 60px -42px;}
.sitenav ul a{display:block; font-weight:normal;}
.sitenav ul a.cur,.sitenav ul a:hover{background:#fff url(../images/arrow.png) no-repeat 60px 11px;}


.friendLink{ line-height:26px;}
.friendLink a{ padding-right:10px;}
#islock{ background:url(../images/lockbg.jpg) no-repeat 360px 50px;}
#islock .box{padding-top:30px;  font-size:16px; width:360px; text-align:center;}
#islock p{line-height:50px;}
#islock .post_btn{padding:5px; margin:10px;}
#islock .unlock{ font-size:12px; color:#999; line-height:26px; margin-top:50px;}
#zoom {
	z-index: 99990;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#zoom .content {
	z-index: 99991;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	background: #ffffff no-repeat 50% 50%;
	padding: 0;
	margin: -100px 0 0 -100px;
	box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
}
#zoom .content.loading {
	background-image: url('/images/loading.gif');
}
#zoom .content .overlay {
	position: absolute;
	border: 1px solid rgba(255, 255, 255, .08);
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;
	-webkit-user-select: none;
}
#zoom img {
	display: block;
	max-width:none;
	background:#ececec;
	box-shadow:0 1px 3px rgba(0,0,0,0.25);
}
#zoom .close {
	z-index: 99993;
	position: absolute;
	top: 0;
	right: 0;
	width: 49px;
	height: 49px;
	cursor: pointer;
	background: transparent url('/images/close.png') no-repeat 50% 50%;
	opacity:1;
	filter:alpha(opacity=100);
}
#zoom .previous,
#zoom .next {
	z-index: 99992;
	position: absolute;
	top: 50%;
	overflow: hidden;
	display: block;
	width: 49px;
	height: 49px;
	margin-top: -25px;
}
#zoom .previous {
	left: 0;
	background: url('/images/arrows.png') no-repeat 0 0;
}
#zoom .next {
	right: 0;
	background: url('/images/arrows.png') no-repeat 100% 0;
}
#zoom .close:hover {
	background-color: #da4f49;
}
#zoom .previous:hover,
#zoom .next:hover {
	background-color: #0088cc;
}

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}
.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes shake{0%,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
@keyframes shake{0%,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes in{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes in{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:none;transform:none}
}
.in{-webkit-animation-name:in;animation-name:in}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
